<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>discover</title>
    <link rel="stylesheet" href="../css/discover.css">
    <link rel="stylesheet" href="../util/iconfont.css">
</head>
<body>
    <div class="wrap">
        <header>
            <div class="backBt">
                返回
            </div>
            <p>发现</p>
            <div class="select">
                <select name="" id="">
                    <option value="">广州市</option>
                    <option value="">广州市</option>
                    <option value="">广州市</option>
                </select>
            </div>
        </header>
        <main>
            <div class="searchCon">
                <div class="search">
                    <input type="search">
                    <i class="iconfont icon-tubiao-fangdajing"></i>
                </div>
                <p>大家都在搜</p>
                <div class="keyWords">
                    <p>寿司</p>
                    <p>羽毛球</p>
                    <p>火锅</p>
                    <p>游泳馆</p>
                    <p>电影</p>
                    <p>周黑鸭</p>
                    <p>KTV</p>
                    <p>肯德基</p>
                </div>
            </div>
            <div class="hot">
                <div class="titleH">
                    <div>
                        <i class="iconfont icon-huo"></i>
                        <p>热门搜索</p>
                    </div>
                    <div>
                        <p>更多</p>
                        <i class="iconfont icon-xiangyou3fill"></i>
                    </div>
                </div>
                <div class="picList">
                    <div>
                        <img src="../image/classify/寿司1.png" alt="">
                    </div>
                    <div>
                        <div>
                            <img src="../image/classify/寿司2.png" alt="">
                        </div>
                        <div>
                            <div>
                                <img src="../image/classify/寿司3.png" alt="">
                            </div>
                            <div>
                                <img src="../image/classify/寿司4.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="recommend">
                <div class="titleH">
                    <div>
                        <i class="iconfont icon-huo"></i>
                        <p>推荐搜索</p>
                    </div>
                    <div>
                        <p>更多</p>
                        <i class="iconfont icon-xiangyou3fill"></i>
                    </div>
                </div>
                <div class="picList">
                    <div>
                        <img src="../image/classify/网球.png" alt="">
                    </div>
                    <div>
                        <img src="../image/classify/破风.png" alt="">
                    </div>
                    <div>
                        <img src="../image/classify/美食.png" alt="">
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <a href="./index.html">
                <div class="index">
                    <i class="iconfont icon-31shouye"></i>
                    <p>首页</p>
                </div>
            </a>
            <a href="./classify.html">
                <div class="classify">
                    <i class="iconfont icon-fenleiorguangchangorqita"></i>
                    <p>分类</p>
                </div>
            </a>
            <a href="./discover.html">
                <div class="discover">
                    <i class="iconfont icon-faxian1"></i>
                    <p>发现</p>
                </div>
            </a>
            <a href="./mine.html">
                <div class="main">
                    <i class="iconfont icon-wode"></i>
                    <p>我的</p>
                </div>
            </a>
        </footer>
    </div>
    <script>
    </script>
</body>
</html>